<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>左进左出侧边栏</title>
    <link rel="stylesheet" href="./css/sideBar.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/loveLoading.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

<body>
    <div class="content">
        <div class="content-left">
            <div class="left-title"><a href="#">叁贰壹商城管理后台</a></div>
            <!-- 分割线 -->
            <div class="seg"></div>
            <!-- 菜单栏导航 -->
            <div class="nav">
                <!-- 每一个菜单项 -->
                <div class="nav-menu">
                    <!-- 菜单项的标题 -->
                    <div class="nav-title">商品管理</div>
                    <!-- 菜单项的子标题 -->
                    <div class="nav-content">
                        <a href="#">商品列表</a>
                        <a href="#">添加商品</a>
                    </div>
                </div>
                <div class="nav-menu">
                    <div class="nav-title">订单管理</div>
                    <div class="nav-content">
                        <a href="#">订单列表</a>
                        <a href="#">添加订单</a>
                    </div>
                </div>
                <div class="nav-menu">
                    <div class="nav-title">类目管理</div>
                    <div class="nav-content">
                        <a href="#">类目列表</a>
                        <a href="#">添加类目</a>
                    </div>
                </div>
            </div>
            <div class="seg"></div>
        </div>
        <div class="content-right">
            <div class="love-loding">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
    <script src="./js/navBar.js"></script>
</body>

</html>